<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<h2>登录页面</h2>
<form action="/authentication/form" method="post">
    <table>
        <tr>
            <td>用户名：</td>
            <td><input type="text" name = "username"/></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><input type="password" name = "password"/></td>
        </tr>
        <tr>
            <td>图形验证码：</td>
            <td>
                <input type="text" name = "imageCode"/>
                <img src="/code/image?width=200">
            </td>
        </tr>
        <!-- remember-me 是固定的命名-->
        <tr><td colspan="2"><input name="remember-me" type="checkbox" value="true">记住我</input></td></tr>
        <tr><td colspan="2"><button type="submit">登录</button></td></tr>
    </table>
</form>

<h2>短信登录</h2>
<form action="/authentication/mobile" method="post">
    <table>
        <tr>
            <td>手机号：</td>
            <td><input type="text" name = "mobile" value="13090908989"/></td>
        </tr>
        <tr>
            <td>验证码：</td>
            <td>
                <input type="text" name = "smsCode"/>
                <a href="/code/sms?mobile=13090908989">发送验证码</a>
            </td>
        </tr>
        <tr><td colspan="2"><button type="submit">登录</button></td></tr>
    </table>

</form>

<br>
<h3>社交登录</h3>
<a href="/qqLogin/callback.do">QQ登录</a>


</body>
</html>